// import axios from 'axios'
import axios from 'axios'
// 导入进度条插件
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
const request = axios.create({
  baseURL: '/', // 接口请求前缀
  timeout: 5000 // 请求超时时间
})

// 添加请求拦截器
request.interceptors.request.use(
  (config) => {
    nprogress.start()
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

// 添加响应拦截器
request.interceptors.response.use(
  (response) => {
    nprogress.done()
    // 响应成功的回调
    return response.data
  },
  (error) => {
    alert(error.message)
    // 响应失败的回调
    // console.log(error)

    // then 的返回值
    // 如果返回的是非 Promise 值，算 success
    // 如果返回的是成功的 Promsie 实例，执行 then
    // 如果返回是失败的的 Promise 实例，执行 catch
    // return error

    // 处理错误的第一种方式：让错误继续往下传递，从而触发程序员发请求时的回调函数
    return Promise.reject(new Error(error.message || 'error'))

    // 错误处理的第二种方式：返回一个 pending 状态的 Promise 实例，中断了 Promise 链，
    // 不走程序员发请求时的回调

    // return new Promise(() => {})
  }
)

export default request
